<template>
  <div>
    <!-- 插槽:
    1.在子组件中需要自定义的地方使用 <slot /> 占位
    2. 在父组件中使用子组件时, 开闭标签中间传入要自定义的结构
    好处: 让组件变得更灵活 -->
    <MyDialog>
      <h1>给爽爽吃鸡儿</h1>
      <h2>给爽爽吃鸡儿</h2>
      <h3>给爽爽吃鸡儿</h3>
      <h4>给爽爽吃鸡儿</h4>
      <h5>给爽爽吃鸡儿</h5>
      <h6>给爽爽吃鸡儿</h6>
    </MyDialog>
    <MyDialog>
      <p>插槽很快,但比我爽爽还是差点儿意思</p>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  components: {
    MyDialog
  },
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>